<template>
    <el-header>
        <div class="title-left">
            后台管理系统
        </div>
        <div class="title-right">
            头部右边
        </div>
    </el-header>
</template>
<style lang="less" scoped>
.el-header {
    --el-header-padding: 0;
    display: flex;
    height: 100px;
    font-size: 32px;

    .title-left {
        width: 300px;
        line-height: 100px;
        text-align: center;
        background: #000;
        color: #fff;
    }

    .title-right {
        flex-grow: 1;
        line-height: 100px;
        text-align: center;
        background: #0a8d41;
        color: #fff;
    }
}
</style>
